<!-- 
  Kuda includes a library and editor for authoring interactive 3D content for the web.
  Copyright (C) 2011 SRI International.

  This program is free software; you can redistribute it and/or modify it under the terms
  of the GNU General Public License as published by the Free Software Foundation; either 
  version 2 of the License, or (at your option) any later version.
 
  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; 
  without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  
  See the GNU General Public License for more details.
 
  You should have received a copy of the GNU General Public License along with this program; 
  if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, 
  Boston, MA 02110-1301 USA.
-->

<!DOCTYPE html>
<html>
	<head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>Kuda Video Sample</title>
        <script type="text/javascript" src="../../js/lib/jquery.js">
        </script>
        <script type="text/javascript" src="../../js/lib/jshashtable.js">
        </script>
		<script type="text/javascript" src="../../js/o3d-webgl/base.js">
		</script>
        <script type="text/javascript" src="../../js/o3djs/base.js">
        </script>
        <script type="text/javascript" src="../../js/hemi/core.js">
        </script>
		<script type="text/javascript" src="videoSample.js">
		</script>		
		<style>
			#videoOverlay, #divOverlay {
				display: none;
				width: 680px;
				height: 420px;
				position: absolute;
				top: 30px;
				left: 40px;
				z-index: 10;
			}
			
			#o3d {
				width: 800px;
				height: 600px;
			}
		</style>
	</head>
	<body>
		<div id="o3d">
		</div>
		<br>
		<form id="enterForm" action="" method="POST">
			<button id="enter">
				Enter
			</button>
			<button id="divBased">
				Toggle Video in Div
			</button>
		</form>
		<div id="divOverlay">
			<object width="640" height="385">
				<param name="movie" value="http://www.youtube.com/v/ahViPV7RYuc?fs=1&amp;hl=en_US">
				</param><param name="allowFullScreen" value="true">
				</param><param name="allowscriptaccess" value="always">
				</param>
				<embed src="http://www.youtube.com/v/ahViPV7RYuc?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385">
				</embed>
			</object>
		</div>
	</body>
</html>
